<html>

<head>
    <title>Chat Room</title>
    <link rel="stylesheet" href="css/signal.css">
    <meta charset="UTF-8">
    </link>
</head>

<body>
    <table align="center">
        <tr>
            <td>
                <label>用户名: </label>
                <input type=text id="username"></input>
            </td>
        </tr>
        <tr>
            <td>
                <label>房间号: </label>
                <input type=text id="room"></input>
                <button id="connect">连接</button>
                <button id="leave" disabled>退出</button>
            </td>
        </tr>
        <tr>
            <td>
                <label>本地视频</label>
                <video id="local_video" autoplay playsinline width="640" height="480"></video>
            </td>
        </tr>
        <tr>
            <td>
                <label>远端视频</label>
                <video id="remote_video" autoplay playsinline width="640" height="480"></video>
            </td>
        </tr>
        <tr>
            <td>
                <label>聊天窗口: </label><br>
                <textarea disabled style="line-height: 1.5;" id="output" rows="10" cols="100"></textarea>
            </td>
        </tr>
        <tr>
            <td>
                <label>输入: </label><br>
                <textarea disabled id="input" rows="3" cols="100"></textarea>
            </td>
        </tr>
        <tr>
            <td>
                <button id="send">发送</button>
            </td>
        </tr>
    </table>

    <script src="js/socket.io.js"></script>
    <script src="js/signal.js"></script>
</body>

</html>
